<template>
     <div class="mainWarp">
         <div class="content">
                <Card >
                    <div class="form_warp">
                          <Form ref="formInline" inline label-position="left" :label-width="120" >
                            <FormItem prop="user" label="开启自动调配">
                                <i-switch  />
                            </FormItem>
                            <FormItem prop="password" label="路线规划优先级">
                                <Select v-model="model1" style="width:200px">
                                            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
                                        </Select>
                            </FormItem>

                            <FormItem prop="user" label="定位上报间隔(秒)">
                                <InputNumber  :max="10" :min="3"  />
                            </FormItem>
                            
                            </Form>
                    </div>
                    
                   
                    
                 
                    
               </Card>
                <Card  class="mt10">
                    <div slot="title" style="display: flex">
                        <p >即时通讯(融云)</p>
                        <i-switch size="small" />
                    </div>
                 <div class="form_warp">
                        <Form ref="formInline" inline label-position="left" :label-width="80">
                            <FormItem prop="user" label="AppKey">
                                <Input type="text"  placeholder="应用appkey">
                                    <Icon type="ios-key-outline" slot="prepend"/>
                                </Input>
                            </FormItem>
                            <FormItem prop="password" label="App Secret">
                                <Input type="password" placeholder="应用密钥">
                                
                                    <Icon type="ios-lock-outline" slot="prepend"></Icon>
                                </Input>
                            </FormItem>
                            
                        </Form>
                 </div>
                 
               </Card>
               <Card class="mt10">
                    <div slot="title" style="display: flex;">
                        <p >消息推送(极光)</p>
                        <i-switch size="small" />
                    </div>
                 <div class="form_warp">
                    <Form ref="formInline" inline label-position="left" :label-width="80">
                        <FormItem prop="user" label="AppKey">
                            <Input type="text"  placeholder="应用appkey">
                                <Icon type="ios-key-outline" slot="prepend"/>
                            </Input>
                        </FormItem>
                        <FormItem prop="password" label="App Secret">
                            <Input type="password" placeholder="应用密钥">
                            
                                <Icon type="ios-lock-outline" slot="prepend"></Icon>
                            </Input>
                        </FormItem>
                        
                    </Form>
                 </div>
               </Card>
               <Card class="mt10">
                    <div slot="title" style="display: flex;">
                        <p >短信通知()</p>
                        <i-switch size="small" />
                    </div>
                    <div class="form_warp">
                        <Form ref="formInline" inline label-position="left" :label-width="80">
                            <FormItem prop="user" label="用户名">
                                <Input type="text"  placeholder="用户名">
                                    <Icon type="ios-key-outline" slot="prepend"/>
                                </Input>
                            </FormItem>
                            <FormItem prop="password" label="密码">
                                <Input type="password" placeholder="密码">
                                
                                    <Icon type="ios-lock-outline" slot="prepend"></Icon>
                                </Input>
                            </FormItem>
                            
                        </Form>
                    </div>
                 
               </Card>
               
         </div>    
     </div>
</template>
<script>
export default {
   name: 'servieApiManage',
   data(){
       return {

       }
   }
}
</script>

<style lang="less" scoped>
    .mainWarp{
        display: -webkit-box;  
        width: 100%;
        .content{
            width: 100%;
            margin: auto;
            .form_warp{
                display: -webkit-box; 
                .ivu-form{
                    margin: auto;
                }
            }
            .base_warp{
                display: flex;
                margin: auto;
            
                .form_item{
                     justify-content: center;
                     display: inherit;
                     span{
                        color: black;
                        font-size: 12px;
                        padding: 10px;
                     }
                }
            }
        }
        .ivu-form-item-label{
            padding: 0px;
        }
        .ivu-form-item{
            margin-bottom: 0px;
            margin-right: 10px;
        }
        .ivu-form-item-content{
            margin-left: 10px !important;
        }
    }
</style>
